<script>
	import Vue from 'vue'
	export default {
		onLaunch: function() {
			console.log('App Launch')
			uni.getSystemInfo({
				success: function(e) {
					// #ifndef MP
					Vue.prototype.StatusBar = e.statusBarHeight;
					if (e.platform == 'android') {
						Vue.prototype.CustomBar = e.statusBarHeight + 50;
						Vue.prototype.StatusBar = e.statusBarHeight;
					} else {
						Vue.prototype.CustomBar = e.statusBarHeight + 45;
					};
					// #endif
			
					// #ifdef MP-WEIXIN
					Vue.prototype.StatusBar = e.statusBarHeight;
					let custom = wx.getMenuButtonBoundingClientRect();
					Vue.prototype.Custom = custom;
					Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
					// #endif		
			
					// #ifdef MP-ALIPAY
					Vue.prototype.StatusBar = e.statusBarHeight;
					Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
					// #endif
				}
			})
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@import "colorui/main.css";
	@import "colorui/icon.css";
	
	.user-btn{
		border:1px solid rgb(0, 0, 0, 0.1);
		padding: 5px 6px;
		/* border-radius: 20px; */
		font-size: 16px;
		color: #000;
		background-color: #fff;
		opacity: .6;
	}
	.user-btn-round{
		color: #fff;
		padding: 5px 6px;
		font-size: 16px;
	}
	.text-cu{
		font-size: 14px;
	}
	
	.cu-btn-left-no-round{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.opacity6{
		opacity: .6;
	}
	@-webkit-keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0)
		}
	
		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	@keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -50%, 0);
			transform: translate3d(0, -50%, 0)
		}
	
		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	.fadeInDown {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown
	}
	
	.animated {
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}
	
	.animated.anim1s {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
	}
	
	@-webkit-keyframes fadeOutUp {
		0% {
			opacity: 1
		}
	
		to {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0)
		}
	}
	
	@keyframes fadeOutUp {
		0% {
			opacity: 1
		}
	
		to {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0)
		}
	}
	
	.fadeOutUp {
		-webkit-animation-name: fadeOutUp;
		animation-name: fadeOutUp
	}
	
	.none {
		display: none;
	}
	
	@-webkit-keyframes slideInDown {
	    0% {
	        -webkit-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0);
	        visibility: visible
	    }
	    to {
	        -webkit-transform: translateZ(0);
	        transform: translateZ(0)
	    }
	}
	
	@keyframes slideInDown {
	    0% {
	        -webkit-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0);
	        visibility: visible
	    }
	    to {
	        -webkit-transform: translateZ(0);
	        transform: translateZ(0)
	    }
	}
	
	.slideInDown {
	    -webkit-animation-name: slideInDown;
	    animation-name: slideInDown
	}
	@-webkit-keyframes slideOutUp {
	    0% {
	        -webkit-transform: translateZ(0);
	        transform: translateZ(0)
	    }
	    to {
	        visibility: hidden;
	        -webkit-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0)
	    }
	}
	
	@keyframes slideOutUp {
	    0% {
	        -webkit-transform: translateZ(0);
	        transform: translateZ(0)
	    }
	    to {
	        visibility: hidden;
	        -webkit-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0)
	    }
	}
	
	.slideOutUp {
	    -webkit-animation-name: slideOutUp;
	    animation-name: slideOutUp
	}
</style>
